@charset "UTF-8";
* { font: inherit; -webkit-box-sizing: border-box; box-sizing: border-box; }
*::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; }

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

table { border-collapse: collapse; border-spacing: 0; }

button, input, select, textarea { outline: 0; }

li, ol, ul { list-style: none; }

b, strong { font-weight: 400; }

img { max-width: 100%; vertical-align: middle; border: 0; }

:focus { outline: 0; }

a { color: inherit; text-decoration: none; }
a:hover, a.active { color: #185a9b; }

.clearfix { zoom: 1; }
.clearfix::after, .clearfix::before { display: table; content: ""; }
.clearfix::after { clear: both; }

.fr { float: right !important; }

.fl { float: left !important; }

input { outline: 0; -webkit-tap-highlight-color: transparent; -webkit-appearance: none; }

input:focus, textarea:focus { outline: 0; border: 1px solid #f60; }

/*文本*/
.text-left { text-align: left; }

.text-center { text-align: center; }

.text-right { text-align: right; }

.text-justify { text-align: justify; }

.text-align-last { text-align-last: justify; }

.s-block { display: block !important; }

.s-inlineblock { display: inline-block !important; }

.s-inline { display: inline !important; }

/* 其他差异 */
input { -webkit-appearance: none; }

body { color: #333; font-size: 14px; line-height: 1.45; font-family: app-apple-system, 'Microsoft Yahei', Helvetica, STHeiTi, sans-serif; margin: 0 auto; position: relative; min-width: 1200px; }

.container { width: 1200px; margin: 0 auto; }

.icon-sprites, .business-module .u-go-shop, .m-welcome-header .hd-menu .u-business:before, .m-hm-about .cp-introduction .u-more:after, .m-consultant .wrap .sm-th .sm-info:after { background-image: url(../images/icon-sprites.png); }

.m-public-list .img-wrap, .m-hm-about .take-picture, .m-company-introduction .company-img, .m-product-view .pic-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; }

/* 首页欢迎头部 */
.m-welcome-header { position: relative; height: 35px; line-height: 35px; font-size: 12px; color: #7b7b7b; background-color: #e5e5e5; }
.m-welcome-header .hd-text h1 { display: inline-block; }
.m-welcome-header .hd-menu a { display: inline-block; padding: 0 10px; color: inherit; line-height: 1; }
.m-welcome-header .hd-menu a:hover { color: #185a9b; }
.m-welcome-header .hd-menu a + a { border-left: 1px solid #c1c1c1; }
.m-welcome-header .hd-menu .u-business:before { content: ""; display: inline-block; width: 16px; height: 13px; margin-right: 5px; background-position: -91px -146px; vertical-align: middle; }

/* 首页头部 LOGO  */
.m-logo { height: 128px; background: #fff; }
.m-logo .logo-wrap { width: 890px; margin-top: 18px; }
.m-logo .logo-box { width: 91px; height: 91px; margin-right: 20px; background-color: #fff; border: 1px solid #ccc; overflow: hidden; }
.m-logo .logo-box a { display: block; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.m-logo .logo-box img { max-height: 100%; }
.m-logo .company-info .name-img { margin: 15px 0 10px; }
.m-logo .company-info .name-img img { height: 30px; }
.m-logo .company-info .name-intro { color: #6e6e6e; }
.m-logo .contact-wrap { margin-top: 43px; padding-left: 50px; background: url(../images/skin/10/icon-tell.png) no-repeat 0 100%; }

/* 导航 */
.m-nav { position: relative; height: 50px; line-height: 50px; background: #45494a; color: #fff; }
.m-nav:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 25px; background: rgba(255, 255, 255, 0.1); }
.m-nav a { color: inherit; }
.m-nav .nav li { width: 131px; float: left; height: 50px; line-height: 50px; position: relative; border-left: 1px solid #5e6364; border-right: 1px solid #2c2f30; -webkit-transition: all ease .3s; transition: all ease .3s; }
.m-nav .nav li:hover, .m-nav .nav li.active { background: #185a9b; }
.m-nav .nav li:hover .item:after, .m-nav .nav li.active .item:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 25px; background: rgba(255, 255, 255, 0.1); z-index: 0; }
.m-nav .nav li:hover .sub-nav { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); }
.m-nav .nav li:first-child { border-left: 0; }
.m-nav .nav li:last-child { border-right: 0; }
.m-nav .nav .item { display: block; text-align: center; height: 100%; position: relative; overflow: hidden; z-index: 99; }
.m-nav .nav .item:before { content: ""; position: absolute; top: -60px; left: 50%; display: block; width: 80px; height: 80px; margin-left: -40px; border-radius: 50%; background: transparent; z-index: 0; }
.m-nav .sub-nav { position: absolute; left: 0; top: 50px; width: 100%; z-index: 999; -webkit-transform: translateY(50%); transform: translateY(50%); visibility: hidden; opacity: 0; -webkit-transition: all ease .3s; transition: all ease .3s; }
.m-nav .sub-nav a { display: block; text-align: center; height: 40px; line-height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: #1f74c7; border-top: 1px dashed rgba(255, 255, 255, 0.5); }
.m-nav .sub-nav a:hover { background: #185a9b; }

@-webkit-keyframes lightToggle { 0%, 100% { opacity: 0; }
  50% { opacity: 1; } }

@keyframes lightToggle { 0%, 100% { opacity: 0; }
  50% { opacity: 1; } }
/* Banner组件 */
.m-banner { position: relative; background: #eee; }
.m-banner .dots { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; font-size: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.m-banner .dots li { display: inline-block; margin: 0 6px 10px; width: 25px; height: 25px; line-height: 25px; font-size: 12px; color: #fff; background-color: rgba(0, 0, 0, 0.5); cursor: pointer; }
.m-banner .dots .on { background-color: #185a9b; }
.m-banner .slide-wrap { position: relative; z-index: 0; }
.m-banner .sl-item { height: 400px; }
.m-banner .sl-item a { display: block; height: 100%; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; }
.m-banner .prev, .m-banner .next { position: absolute; top: 50%; width: 50px; height: 50px; background-color: rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all ease-out .3s; transition: all ease-out .3s; opacity: 0; }
.m-banner .prev:hover, .m-banner .next:hover { background-color: #185a9b; }
.m-banner .prev { left: 50px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkUwQkY3NzA0QzJCOTExRTdBMTk2OENFQjAzMjIxNjJBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkUwQkY3NzA1QzJCOTExRTdBMTk2OENFQjAzMjIxNjJBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTBCRjc3MDJDMkI5MTFFN0ExOTY4Q0VCMDMyMjE2MkEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTBCRjc3MDNDMkI5MTFFN0ExOTY4Q0VCMDMyMjE2MkEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7nj33nAAAAbUlEQVR42mL4//8/Axa8FYg/Y5NY/x8CLqNLbIRK7ADx0Y36D9XJgCy5CyqxCtkkEHEJKjEJ3X4mBgYGXgYI+M6ADoAq2IH4MFT3AnRjYXg/VMEibJIgvBeqYB02SQaoH0HgBAOO4ANZ8RMgwACM5wBTVSTU3gAAAABJRU5ErkJggg==) no-repeat 50% 50%; }
.m-banner .next { right: 50px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU2NEZERjc0QzJCOTExRTdCQUNGQUVDMEE3MEVENEU0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU2NEZERjc1QzJCOTExRTdCQUNGQUVDMEE3MEVENEU0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTY0RkRGNzJDMkI5MTFFN0JBQ0ZBRUMwQTcwRUQ0RTQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTY0RkRGNzNDMkI5MTFFN0JBQ0ZBRUMwQTcwRUQ0RTQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6bVaH6AAAAgklEQVR42mL4////VSA+DcTCQMyAjEHEmv8QcA2IBdElQbgdiP8B8QUglkKXBOEmqAkPYFYwoNnTAFVwC4iV0CVBOAqq4AMTAyb4CqU50HWVQx32EIjVkSVKoMY9B2IZZAdVAfFfIL4JxHLIXlkM1XEPiMXRA+EOEF8GYkl0lwMEGAAumADUX+czzgAAAABJRU5ErkJggg==) no-repeat 50% 50%; }
.m-banner:hover .prev, .m-banner:hover .next { opacity: 1; }

.g-main { padding: 25px 0 0; background: #fff; }

/* 公用产品菜单 */
.public-pro-menu .caption-box { background: #45494a; position: relative; }
.public-pro-menu .caption-box::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 30px; background: rgba(255, 255, 255, 0.1); }
.public-pro-menu .caption { position: relative; padding-left: 70px; height: 60px; line-height: 60px; color: #fff; font-size: 16px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.public-pro-menu .caption:after { content: ""; position: absolute; left: 20px; top: 13px; width: 38px; height: 34px; background: url(../images/proBg.png) no-repeat 50% 50%; }
.public-pro-menu .menu-wrap { overflow: hidden; }
.public-pro-menu .menu-wrap .u-more { position: absolute; left: 20px; bottom: 15px; display: inline-block; color: #fff; }
.public-pro-menu .menu-wrap .u-more:hover { text-decoration: underline; }
.public-pro-menu .classify-name { padding: 0 15px; line-height: 35px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.public-pro-menu .classify-name:before { content: ""; display: inline-block; width: 15px; height: 13px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAANCAYAAAB2HjRBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjRBN0JCNUE5MjFFRTExRTRBNUY4RjczRUI4MzZFNEE1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjRBN0JCNUFBMjFFRTExRTRBNUY4RjczRUI4MzZFNEE1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NEE3QkI1QTcyMUVFMTFFNEE1RjhGNzNFQjgzNkU0QTUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NEE3QkI1QTgyMUVFMTFFNEE1RjhGNzNFQjgzNkU0QTUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5DtYluAAAALElEQVR42mL8DwQMCMAIxMh8vICJgQJAkWYWqFMZ0JxOH5tHA2z4BxhAgAEAnf8JIJtYOiwAAAAASUVORK5CYII=) no-repeat 0 0; margin-right: 10px; vertical-align: -1px; }
.public-pro-menu .menu-list .item { background: #1b67b1; margin-bottom: 1px; }
.public-pro-menu .menu-list .item a { position: relative; display: block; padding: 0 20px 0 10px; color: #fff; line-height: 35px; -webkit-transition: all ease .3s; transition: all ease .3s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.public-pro-menu .menu-list .item a:after { content: ""; display: block; position: absolute; width: 7px; height: 12px; top: 12px; right: 10px; background-image: url(../images/icon-sprites.png); background-position: -160px -145px; }
.public-pro-menu .menu-list .item:hover a { color: #fff; background: #1f74c7; }

/* 首页产品 & 交易模块 */
.hm-pro-module { margin-bottom: 30px; }
.hm-pro-module .left-menu { width: 227px; background: #185a9b; border-bottom: 2px solid rgba(0, 0, 0, 0.2); position: relative; }
.hm-pro-module .m-public-list .item:nth-child(5n) { margin-right: 0; }
.hm-pro-module .right-con { width: 971px; padding: 0 17px; }

.m-hm-business .left-menu .caption:after { background-image: url(../images/icon-sprites.png); background-position: -194px -74px; }
.m-hm-business .menu-wrap { height: 430px; margin: 0 0 63px; }
.m-hm-business .menu-wrap .u-more { bottom: 18px; }

.m-hm-product .left-menu .caption:after { background: url(../images/proBg.png) no-repeat 50% 50%; }
.m-hm-product .menu-wrap { height: 360px; margin: 0 0 52px 0; }

.business-module .business-header { line-height: 44px; }
.business-module .business-header .name { font-size: 16px; color: #185a9b; }
.business-module .business-header .num { padding: 0 7px; color: #ff5a00; }
.business-module .business-header .rz-icon { margin: 0 2px; }
.business-module .business-header .rz-icon i { display: inline-block; width: 26px; height: 22px; vertical-align: -5px; }
.business-module .business-header .rz-icon em { color: #d5ad68; margin-left: 2px; }
.business-module .business-header .jp-rz { background-position: -67px -74px; }
.business-module .business-header .sm-rz { background-position: -113px -76px; }
.business-module .business-header .cx-rz { background-position: -10px -146px; }
.business-module .u-go-shop { display: block; width: 222px; height: 44px; font-size: 0; background-position: -10px -10px; }
.business-module .m-public-list .item { border-color: #d5ad68; }
.business-module .m-public-list .item:hover { border-color: #ff7800; }
.business-module .m-public-list .item:hover .title { color: #ff7800; }
.business-module .m-public-list .title { padding: 8px 0 5px 0; }
.business-module .m-public-list .price { margin-bottom: 5px; color: #5f5f5f; }
.business-module .m-public-list .price b { font-size: 18px; color: #ff7800; font-weight: normal; }

/* 公共产品列表 */
.m-public-list .item { float: left; width: 173px; margin-right: 18px; margin-top: 16px; text-align: center; background: #f7f7f7; border: 1px solid #dfdfdf; -webkit-transition: all ease .3s; transition: all ease .3s; }
.m-public-list .item a { display: block; overflow: hidden; }
.m-public-list .item:hover { border-color: #185a9b; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2); box-shadow: 0 0 12px rgba(0, 0, 0, 0.2); }
.m-public-list .item:hover .title { color: #185a9b; }
.m-public-list .item:hover .img-wrap img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.m-public-list .img-wrap { background: #fff; padding: 3px; height: 173px; overflow: hidden; }
.m-public-list .img-wrap img { min-height: 50%; -webkit-transition: all ease .36s; transition: all ease .36s; }
.m-public-list .title { color: #5f5f5f; padding: 13px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

/* 首页自定义 */
.hm-edit-area { margin-bottom: 20px; }

/* 关键词选项卡 */
.m-key-tab .tab-header { padding-right: 20px; line-height: 50px; border: 1px solid #dadada; border-bottom: 2px solid #185a9b; }
.m-key-tab .tab-header .menu { font-size: 0; }
.m-key-tab .tab-header .menu a { display: inline-block; font-size: 14px; width: 180px; padding: 0 10px; vertical-align: middle; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; -webkit-transition: all ease .3s; transition: all ease .3s; }
.m-key-tab .tab-header .menu .active { color: #fff; background: #185a9b; }
.m-key-tab .tab-header .more { color: #999; font-size: 12px; }
.m-key-tab .tab-header .more:hover { color: #185a9b; }
.m-key-tab .tab-main { padding: 0 0 20px; min-height: 260px; }
.m-key-tab .m-public-list { display: none; }
.m-key-tab .m-public-list .item { width: 180px; margin-right: 24px; margin-bottom: 0; }
.m-key-tab .m-public-list .item:last-child { margin-right: 0; }
.m-key-tab .m-public-list .title { padding: 10px 0 5 0; }
.m-key-tab .current { display: block; }

/* 公用标题 */
.public-u-header { padding-right: 15px; line-height: 50px; background: #185a9b; color: #fff; }
.public-u-header .title { padding-left: 15px; font-size: 18px; position: relative; }
.public-u-header .more { color: #fff; }
.public-u-header .more:hover { text-decoration: underline; }

.hm-introduce-area { margin: 20px 0 30px; }

/* 标题 ICON */
.public-u-header .title, .m-friendly-link .title h3 { position: relative; }
.public-u-header .title:before, .m-friendly-link .title h3:before { content: ""; display: inline-block; width: 30px; height: 30px; background: url(../images/t2-icon.png) no-repeat; vertical-align: -8px; margin-right: 10px; }

.m-hm-area .public-u-header .title:before { background-position: 0 -38px; }

.m-friendly-link .title h3:before { background-position: 0 -75px; }

/* 首页关于我们 */
.m-hm-about, .m-hm-area { height: 343px; overflow: hidden; }
.m-hm-about .con, .m-hm-area .con { min-height: 291px; border: 1px solid #dadada; border-top: 0; }

.m-hm-about { width: 700px; margin-right: 28px; }
.m-hm-about .con { padding: 20px 5px; }
.m-hm-about .take-picture { width: 270px; height: 190px; padding: 9px; margin-right: 24px; border: 1px solid #cbcbcb; overflow: hidden; }
.m-hm-about .cp-introduction { width: 380px; }
.m-hm-about .cp-introduction .cp-name img { height: 42px; }
.m-hm-about .cp-introduction .cp-intro { max-height: 150px; line-height: 1.8; margin-bottom: 29px; display: -webkit-box; word-break: break-all; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; }
.m-hm-about .cp-introduction .u-more { display: block; width: 90px; height: 30px; line-height: 30px; text-align: center; color: #fff; background: #185a9b; border-bottom: 2px solid rgba(0, 0, 0, 0.2); }
.m-hm-about .cp-introduction .u-more:hover { background: #1f74c7; }
.m-hm-about .cp-introduction .u-more:after { content: ""; display: inline-block; margin-left: 5px; width: 13px; height: 13px; vertical-align: -1px; background-position: -127px -145px; }

/* 首页最新询价 */
.m-hm-area { width: 472px; }
.m-hm-area .con { padding: 10px 15px; }
.m-hm-area .ask-price { font-size: 12px; font-weight: 700; }
.m-hm-area .ask-price .area, .m-hm-area .ask-price .member, .m-hm-area .ask-price .source { float: left; text-align: center; height: 26px; line-height: 26px; }
.m-hm-area .ask-price .area { width: 87px; margin-right: 5px; }
.m-hm-area .ask-price .member { width: 90px; margin-right: 5px; }
.m-hm-area .ask-price .source { width: 253px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.m-hm-area .ask-price .ap-header div { background: #e4e4e4; color: #1d1d1d; }
.m-hm-area .ask-price .ap-main { padding-top: 10px; height: 245px; overflow: hidden; position: relative; }
.m-hm-area .ask-price .ap-main:after { content: ""; position: absolute; left: 0; top: 0; z-index: 2; display: block; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(rgba(255, 255, 255, 0)), color-stop(rgba(255, 255, 255, 0)), to(#fff)); background: linear-gradient(to bottom, #fff, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), #fff); display: none; }
.m-hm-area .ask-price .info-list .item { height: 35px; line-height: 35px; overflow: hidden; }
.m-hm-area .ask-price .info-list .item:hover div { background: #f0f0f0; color: #185a9b; }

/* 友情链接 */
.m-friendly-link { padding: 20px 0; }
.m-friendly-link .title { line-height: 50px; background: #185a9b; color: #fff; }
.m-friendly-link .title h3 { display: inline-block; padding-left: 15px; font-size: 18px; position: relative; }
.m-friendly-link .link-wrap { padding: 20px 5px; border: 1px solid #dadada; }
.m-friendly-link .link-wrap .link-item { display: inline-block; padding: 0 10px; margin-bottom: 15px; border-right: 2px solid #d1d1d1; color: #666; }
.m-friendly-link .link-wrap .link-item:last-child { border-right: 0; }
.m-friendly-link .link-wrap .link-item:hover { color: #185a9b; }

/* 底部导航组件 */
.m-bottom-nav { text-align: center; background: rgba(24, 90, 155, 0.9); height: 44px; }
.m-bottom-nav .container { padding-top: 12px; font-size: 0; }
.m-bottom-nav .nav-item { max-width: 170px; display: inline-block; padding: 0 28px; color: #fff; font-size: 14px; border-right: 2px solid rgba(255, 255, 255, 0.6); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.m-bottom-nav .nav-item:last-child { border-right: 0; }
.m-bottom-nav .nav-item:hover { text-decoration: underline; }

/* 底部信息组件 */
.g-footer { background: #fff; }

.m-bottom-info { padding: 25px 0 40px; }
.m-bottom-info .qrcode-wrap { width: 410px; border-right: 1px solid #cbcbcb; text-align: center; }
.m-bottom-info .code-item { display: inline-block; vertical-align: top; width: 130px; margin: 0 25px; text-align: center; }
.m-bottom-info .code-item .img-box { height: 130px; border: 1px solid #cbcbcb; padding: 4px; overflow: hidden; }
.m-bottom-info .code-item .tips { margin-top: 12px; }
.m-bottom-info .info-wrap { width: 790px; padding-left: 25px; }
.m-bottom-info .info-wrap .b-keyword { line-height: 1.8; }
.m-bottom-info .info-wrap .ct-info { margin: 20px 0 0; }

/*客服组件*/
.m-consultant { position: fixed; top: 250px; right: 0; z-index: 999; border-radius: 6px 0px 0 6px; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.m-consultant .controls { display: inline-block; width: 20px; height: 20px; line-height: 20px; border-radius: 50%; text-align: center; background: #fff; color: #185a9b; cursor: pointer; font-family: 'SimHei', 'sans-serif'; font-weight: 700; }
.m-consultant .group { display: none; width: 30px; float: left; height: 180px; background: #185a9b; padding: 10px 0; color: #fff; text-align: center; margin-top: 1px; margin-right: -1px; position: relative; z-index: 2; cursor: pointer; }
.m-consultant .group .info { display: inline-block; padding-top: 15px; font-size: 16px; }
.m-consultant .group:hover { background: #1f74c7; }
.m-consultant .wrap { float: left; width: 154px; font-size: 12px; border: 1px solid #ddd; background: #f7f7f7; overflow: hidden; position: relative; z-index: 1; }
.m-consultant .wrap .title { height: 28px; line-height: 28px; color: #fff; background: #185a9b; background: -webkit-gradient(linear, left top, left bottom, from(#1f74c7), to(#11406f)); background: linear-gradient(to bottom, #1f74c7, #11406f); overflow: hidden; padding: 0 10px 0 15px; }
.m-consultant .wrap .title .b-close { float: right; width: 15px; height: 15px; line-height: 16px; margin-top: 6px; }
.m-consultant .wrap .sm-th { padding: 10px 0; border-bottom: 1px solid #ccc; }
.m-consultant .wrap .sm-th .sm-info { position: relative; margin: 0 5px 10px 5px; padding: 7px 12px 14px 12px; background: #fff; border: 1px solid #d9d9d9; border-radius: 3px; text-align: justify; }
.m-consultant .wrap .sm-th .sm-info:after { content: ""; position: absolute; right: 22px; bottom: -5px; display: inline-block; width: 10px; height: 5px; background-position: -210px -144px; }
.m-consultant .wrap .sm-th .sm-tall { line-height: 40px; text-align: center; }
.m-consultant .wrap .qq-server .list { padding: 10px 0; }
.m-consultant .wrap .qq-server .list li { padding: 5px 10px; text-align: center; }
.m-consultant .wrap .qr-code { border-top: 1px solid #ddd; padding: 10px; text-align: center; }
.m-consultant .wrap .qr-code .qr-wrap { height: 132px; overflow: hidden; }
.m-consultant .wrap .qr-code .qr-wrap img { max-width: 100%; }
.m-consultant .wrap .qr-code .qr-info { padding-top: 10px; }
.m-consultant .wrap .qr-code-hidden { display: none; }
.m-consultant .business { padding: 0 13px 10px 13px; }
.m-consultant .business .business-link { display: block; width: 127px; height: 38px; background: url(../images/icon-sprites.png) no-repeat -10px -188px; }

/* 返回顶部组件 */
.aside-control { position: fixed; right: 10px; bottom: 40px; z-index: 999; }
.aside-control .items a { display: block; width: 40px; height: 40px; background: rgba(0, 0, 0, 0.6) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAHCAYAAAA8sqwkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYxNEY5M0M0QzJCOTExRTdBMzU1QzEyMjVCNERDQ0ZBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYxNEY5M0M1QzJCOTExRTdBMzU1QzEyMjVCNERDQ0ZBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjE0RjkzQzJDMkI5MTFFN0EzNTVDMTIyNUI0RENDRkEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjE0RjkzQzNDMkI5MTFFN0EzNTVDMTIyNUI0RENDRkEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7htNagAAAAcUlEQVR42mL4//8/Axa8FIgfALEcuhy6QhYgnvkfAZ4AsSg+DROgCk8BcS0Q/wHiK0AsjU1DH5JiDqhYPVTsJhALIGvogkqcBWIRNFuboHIgm8RAArOhAleBmAtHILTBbGKAKgRhcRyKYXgySAdAgAEAmlwW0TkyleMAAAAASUVORK5CYII=) no-repeat 50% 50%; -webkit-transition: all ease .3s; transition: all ease .3s; }
.aside-control .items a:hover { background-color: #185a9b; }

/* 导航宽度 */
.m-nav .nav-num-6 li { width: 16.66%; }
.m-nav .nav-num-7 li { width: 14.28%; }
.m-nav .nav-num-8 li { width: 12.5%; }
.m-nav .nav-num-9 li { width: 11.11%; }

.g-inner-left { width: 228px; }

.g-inner-right { width: 951px; }

/* 内页栏目菜单 */
.m-column-menu { margin-bottom: 15px; }
.m-column-menu .caption { font-size: 16px; font-weight: 700; padding-left: 23px; line-height: 40px; color: #fff; background: #185a9b; }
.m-column-menu .menu-list { border: 1px solid #cbcbcb; border-top: 0; }
.m-column-menu .items { border-bottom: 1px dashed #cbcbcb; }
.m-column-menu .items a { position: relative; display: block; padding: 15px 10px 15px 30px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.m-column-menu .items a:before { position: absolute; left: 14px; top: 24px; content: ''; display: block; width: 2px; height: 2px; text-align: center; background: #b4b4b4; border-radius: 50%; -webkit-box-shadow: 0 0 0 5px #fff, 0 0 0 6px #b4b4b4; box-shadow: 0 0 0 5px #fff, 0 0 0 6px #b4b4b4; }
.m-column-menu .items a:hover { color: #185a9b; }
.m-column-menu .items.active a { color: #185a9b; }
.m-column-menu .items:last-child { border-bottom: 0; }

/* 内页产品菜单 */
.m-left-pro-menu { margin-bottom: 15px; border: 1px solid #cbcbcb; }
.m-left-pro-menu .public-pro-menu { border: 0; }
.m-left-pro-menu .menu-wrap { margin: 0; }
.m-left-pro-menu .menu-wrap .menu-list { background: #185a9b; }
.m-left-pro-menu .menu-list .item:last-child { margin-bottom: 0; }

/* 内页左侧联系 */
.m-inner-left-contact { margin-bottom: 15px; }
.m-inner-left-contact .caption { font-size: 16px; font-weight: 700; padding-left: 23px; line-height: 40px; color: #fff; background: #185a9b; }
.m-inner-left-contact .intro-wrap { border: 1px solid #cbcbcb; border-top: 0; }

/* 面包屑导航 */
.m-crumbs { margin-bottom: 15px; padding: 10px 15px; border: 1px solid #cbcbcb; border-radius: 5px; font-size: 13px; color: #4c4c4c; background: #f7f7f7; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eaeaea)); background: linear-gradient(to bottom, #fff, #eaeaea); }
.m-crumbs .crumbs-arrow { display: inline-block; font-size: 12px; padding: 0 4px; font-family: serif, cursive, monospace; -webkit-transform: scale(0.8); transform: scale(0.8); }
.m-crumbs .crumbs-item:last-child { color: #185a9b; }

/* 内页公司介绍 */
.m-company-introduction { padding: 20px; margin-bottom: 15px; border: 1px solid #cbcbcb; overflow: hidden; }
.m-company-introduction .intro-wrap { float: left; width: 567px; line-height: 1.8; }
.m-company-introduction .intro-wrap p { text-align: justify; margin-bottom: 10px; }
.m-company-introduction .company-img { float: left; width: 270px; height: 190px; line-height: 100%; padding: 9px; margin-left: 50px; background: #fff; text-align: center; border: 1px solid #cbcbcb; overflow: hidden; }
.m-company-introduction .company-img img { vertical-align: middle; }

/* 内页公共块 */
.public-module-block { border: 1px solid #cbcbcb; border-radius: 5px 5px 0 0; margin-bottom: 15px; }
.public-module-block .module-title { position: relative; padding: 0 17px; height: 40px; line-height: 40px; color: #185a9b; border-radius: 5px 5px 0 0; border-bottom: 1px solid #cbcbcb; background: #f7f7f7; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eaeaea)); background: linear-gradient(to bottom, #fff, #eaeaea); }
.public-module-block .module-title h3 { font-weight: 700; }
.public-module-block .module-title:after { position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #fff; content: ""; }
.public-module-block .module-content { padding: 20px; }

/* 工商登记信息 */
.m-busine-info { color: #666; }
.m-busine-info .panle { margin-bottom: 20px; }
.m-busine-info .panle:last-child { margin-bottom: 0; }
.m-busine-info .detai-title { margin-bottom: 10px; }
.m-busine-info .detai-title h5 { padding-left: 10px; border-left: 4px solid #979797; line-height: 1; }
.m-busine-info .detail-table { display: table; width: 100%; table-layout: fixed; border: 1px solid #e3e3e3; border-right: 0; border-bottom: 0; background: #f3f3f3; min-height: 44px; overflow: hidden; }
.m-busine-info .detail-table .table-row { border-bottom: 1px solid #e3e3e3; }
.m-busine-info .detail-table .item-title { display: table-cell; width: 113px; padding: 10px; border: 1px solid #fff; }
.m-busine-info .detail-table .item-intro { display: table-cell; width: 355px; padding: 10px; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; word-break: break-all; word-wrap: break-word; background: #fff; }

/* 产品内页主内容区域 */
.public-inner-main { padding: 18px; border: 1px solid #cbcbcb; margin-bottom: 20px; }

.m-product-box .box-title { font-size: 16px; margin-bottom: 18px; }

.m-product-box, .m-include-business { margin-bottom: 20px; }
.m-product-box .m-public-list .item, .m-include-business .m-public-list .item { margin-right: 12px; }
.m-product-box .m-public-list .item:nth-child(5n), .m-include-business .m-public-list .item:nth-child(5n) { margin-right: 0; }

/* 内页引入交易 */
.m-include-business .business-header { position: relative; overflow: hidden; }
.m-include-business .business-header::before, .m-include-business .business-header::after { content: ""; position: absolute; width: 100%; left: 0; bottom: 0; height: 2px; z-index: 2; }
.m-include-business .business-header::before { bottom: 2px; background: #e46923; }
.m-include-business .business-header::after { background: #ffdb9f; }
.m-include-business .left-intro { margin-left: 15px; }

/* 长尾词 */
.m-long-tail-wrap { line-height: 1.8; }
.m-long-tail-wrap .lw-intro { padding: 20px 0; border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; }
.m-long-tail-wrap .lw-intro .lump { margin-top: 30px; }
.m-long-tail-wrap .lw-intro .lump .title { margin-bottom: 10px; font-weight: 700; }
.m-long-tail-wrap .lw-intro .lump a { display: inline-block; margin-right: 12px; margin-bottom: 10px; color: #185a9b; }
.m-long-tail-wrap .lw-intro .lump a:hover { text-decoration: underline; }
.m-long-tail-wrap .lw-menu { margin: 20px 0 10px; overflow: hidden; }
.m-long-tail-wrap .lw-menu .anchor { display: block; color: #185a9b; font-size: 16px; font-style: italic; margin-bottom: 15px; }
.m-long-tail-wrap .lw-menu .anchor:hover { text-decoration: underline; }
.m-long-tail-wrap .lw-anchor-list { margin-bottom: 20px; }
.m-long-tail-wrap .lw-anchor-list .para-title { margin-bottom: 10px; font-weight: 700; }
.m-long-tail-wrap .lw-anchor-list .para-con { color: #8a8a8a; }
.m-long-tail-wrap .lw-anchor-list .para-con p { margin-bottom: 10px; }
.m-long-tail-wrap .lw-interrelated { padding: 20px 0; }
.m-long-tail-wrap .lw-interrelated .lump { margin-bottom: 10px; }
.m-long-tail-wrap .lw-interrelated .lump .title { margin-bottom: 8px; font-weight: 700; }
.m-long-tail-wrap .lw-interrelated .quote a { display: inline-block; margin-right: 20px; margin-bottom: 20px; color: #158aee; }
.m-long-tail-wrap .lw-interrelated .quote a:hover { text-decoration: underline; }

/* 产品详细组件 */
.m-product-view { margin-bottom: 40px; }
.m-product-view .product-pic { width: 330px; height: 357px; padding: 20px; margin-right: 38px; border: 1px solid #cbcbcb; text-align: center; }
.m-product-view .pic-box { height: 294px; overflow: hidden; }
.m-product-view .zoom-btn { display: inline-block; margin-top: 12px; color: #666; }
.m-product-view .zoom-btn i { display: inline-block; margin-right: 5px; width: 15px; height: 16px; background-position: -56px -145px; vertical-align: middle; }
.m-product-view .zoom-btn:hover { color: #185a9b; }
.m-product-view .product-intro { width: 533px; }
.m-product-view .product-intro .pro-title { padding: 15px 0; font-size: 21px; color: #000; }
.m-product-view .product-intro .intro-info { line-height: 1.8; }
.m-product-view .product-intro .u-more { color: #0b7bca; }
.m-product-view .product-intro .intro-tell { margin-top: 50px; }

/* 信息列表 */
.m-information-list .list-wrap .items { padding: 15px 0; border-bottom: 1px dashed #cbcbcb; }
.m-information-list .list-wrap .items a { max-width: 720px; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.m-information-list .list-wrap .items a::before { content: ""; display: inline-block; margin: 0 10px; width: 4px; height: 4px; background: #185a9b; vertical-align: middle; }
.m-information-list .list-wrap .items a:hover { color: #185a9b; }
.m-information-list .list-wrap .items .date { float: right; vertical-align: middle; color: #999; }

/* 分页 */
.m-pagination { margin-top: 50px; border: 1px solid #cbcbcb; padding: 10px; color: #666; }
.m-pagination .pagination-total { margin-top: 5px; }
.m-pagination .pagination li { display: inline; font-size: 0; }
.m-pagination .pagination li.disabled a { cursor: not-allowed; }
.m-pagination .pagination a { display: inline-block; font-size: 14px; padding: 0 10px; margin: 0 3px; height: 30px; line-height: 30px; border: 1px solid #cbcbcb; -webkit-transition: all ease .3s; transition: all ease .3s; }
.m-pagination .pagination a:hover, .m-pagination .pagination a.active { background: #185a9b; color: #fff; border-color: #185a9b; }

/* 诚信档案 */
.m-cxda-wrap { margin-bottom: 20px; }

/* 弹窗组件 */
.m-modal { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 9999; visibility: hidden; }
.m-modal .mask { width: 100%; height: 100%; background: #000; opacity: .4; filter: alpha(opacity=40); }
.m-modal .wrap { position: absolute; left: 50%; top: 50%; max-width: 700px; border-radius: 5px; padding: 10px; background: #fff; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; -webkit-transform: translate(-50%, -50%) scale(0.8); transform: translate(-50%, -50%) scale(0.8); visibility: hidden; opacity: 0; }
.m-modal .wrap .close-btn { display: block; position: absolute; top: -12px; right: -12px; width: 30px; height: 30px; border-radius: 50%; border: 4px solid #fff; background-color: #fff; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); background-position: -158px -71px; }
.m-modal-on { visibility: visible; }
.m-modal-on .wrap { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); visibility: visible; opacity: 1; }

/* 站点地图 */
.m-site-map .map-content-head .hd-title { font-size: 26px; color: #000; }
.m-site-map .map-content-main { margin: 33px 0 50px; }
.m-site-map a:hover { color: #185a9b !important; text-decoration: underline; }
.m-site-map .map-panl { margin-bottom: 18px; }
.m-site-map .map-panl h3 { color: #333; font-weight: 700; font-size: 18px; }
.m-site-map .map-columns { margin-top: 18px; padding-left: 25px; }
.m-site-map .map-sub-nav li { float: left; margin-right: 30px; margin-bottom: 10px; }
.m-site-map .map-sub-nav li a { display: block; color: #5a574f; }
.m-site-map .map-sub-nav li a:hover:before { background: #185a9b; }
.m-site-map .map-long-word .lw-wrap { margin-bottom: 20px; }
.m-site-map .map-long-word .lw-wrap dt { margin-bottom: 10px; font-weight: 700; }
.m-site-map .map-long-word .lw-wrap dt a { color: #626262; }
.m-site-map .map-long-word .lw-wrap dd { margin-right: 45px; margin-bottom: 10px; display: inline-block; }
.m-site-map .map-long-word .lw-wrap dd a { color: #929292; }
.m-site-map .map-infomation li { float: left; width: 33.33%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px; }
.m-site-map .map-infomation li a { color: #626262; }

/* 公用半栏标题 */
.public-half-header { margin-bottom: 20px; border-bottom: 1px solid #cbcbcb; }
.public-half-header .title { display: inline-block; padding: 0 30px; line-height: 34px; font-size: 15px; color: #3c3c3c; background: #f7f7f7; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), color-stop(0, #eaeaea)); background: linear-gradient(to bottom, #fff 50%, #eaeaea 0); border: 1px solid #cbcbcb; border-bottom: 0; border-radius: 3px 3px 0 0; }